<template>
	<view class="page-wrap" :data-theme="theme" :class="theme" :style="globalColor.style">
		<HeadCustom></HeadCustom>
		<view class="content-wrap bg-F7F8FF">
			<view class="input-item bg-base">
				<textarea class="uni-input font28" v-model="fromData.memberSign" placeholder-style="color:#969699" placeholder="请输入自己的个性签名" />
			</view>
			<view class="input-tips fboxRow Ycenter font24 color-969699">请输入自己的个性签名</view>
		</view>
		<BottomBtn title="保存" @btnClick="verifyTap"></BottomBtn>
	</view>
</template>

<script>
import BottomBtn from '@/components/bottom-btn/index.vue';
import { strTrim } from '@/static/js/common.js';
import { editMixinsMine } from './edit.mixins.mine.js';
export default {
	mixins: [editMixinsMine],
	components: { BottomBtn },
	data() {
		return {
			theme: getApp().globalData.appTheme,
			globalColor: getApp().globalData.globalColor,
			fromData: {
				memberSign: ''
			}
		};
	},
	methods: {
		verifyTap() {
			const { memberSign } = this.fromData;
			this.putInfo();
			// if(strTrim(memberSign)){
			// 	this.putInfo()
			// }else{
			// 	uni.showToast({
			// 		icon: 'none',
			// 		title: '请输入自己的个性签名'
			// 	})
			// }
		}
	}
};
</script>

<style lang="scss" scoped>
.content-wrap {
	height: calc(100vh);
}
.input-item {
	padding: 40rpx;
}
.uni-input {
	width: 650rpx;
	height: 220rpx;
	line-height: 46rpx;
	padding: 10rpx;
	background-color: var(--viewBgColor);
	border-radius: 12rpx;
}
.count {
	margin-top: 15rpx;
}
.input-tips {
	padding: 15rpx 40rpx;
	color: var(--contentFontFourColor);
}
</style>
